<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>fullpage.js练习</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.12/fullpage.css"
        integrity="sha512-c2/xySTiUmIa2PzQAnKZVYi2+aJmyaI6rweK5GCL1HbHx70/Zub0RhYPy5RFbJsStRo+HTForawyFBgBp6btJA=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <style>
        #page1 {
            background-image: url(resource/img/door.jpg);
            background-size: 100%;

        }

        #page2 {
            background-image: url(resource/img/picture8.jpg);
            background-size: 100%;

        }

        #page3 {
            background-image: url(resource/img/picture10.jpg);
            background-size: 100%;

        }

        #page4 {
            background-image: url(resource/img/picture12.png);
            background-size: 100%;

        }

        #page1 h1 {
            text-align: left;
        }

        p {


            margin: 2 auto;
            color: rgb(255, 255, 255);
            text-shadow: 3px 3px 5px rgb(0, 0, 0);
            width: 380px;

            font-size: 19px;

            line-height: 2;
        }
    </style>

</head>

<body>
    <div id="fullpage">
        <div class="section" id="page1">
            <h1>走近粮艺</h1>

            <p>听闻丰谷镇有一用粮食做画的老人，好奇心理作祟，我们在一个炎炎夏日的周末，踏上了去丰谷的4路公交车。</p>
            <p>丰谷，五谷丰登之意，因盛产粮食而得此名，有丰谷酒闻名全国。</p>
            <p>半个小时的车程，我们来到了鑫田粮艺坊的门口，不巧的是，当天恰逢周末工作人员休息，粮艺坊大门紧闭，但周围看店的大爷告诉我们，店主潘德贵老人就住在不远处。</p>
            <p>一路问询，我们走近了一锈迹斑斑的铁门，铁门上方写着“鑫田粮艺传习所”，一好心阿姨帮我们叫来了潘德贵老人，潘老师拿着一串钥匙将传习所的大门打开，一个新鲜的世界进入了眼帘。</p>

        </div>
        <div class="section" id="page2">

            <p>传习所内整整齐齐地列着几排玻璃展柜，里面陈列着一些老物件，墙上挂满了潘老师的粮艺画作品。</p>

        </div>
        <div class="section" id="page3">

            <p>潘老师热情的招呼着我们，他说这里原是丰谷粮站的粮仓，现在被他租下来作为粮艺传习所。</p>
            <p>除了传习所之外，潘老师还准备打造一个农耕文明博览馆，为此，他全国各地搜集了很多农耕器具和各式种子，这些都将成为他博览馆的展览品。</p>
        </div>
        <div class="section" id="page4">
            <p>从传习所的后门出去，有一僻静小院，被潘老师打造成了作物园，里面种满了各式色彩鲜艳的农作物，这些都是潘老师作画的原材料。潘老师告诉我们，这里的一切都是纯天然的，不打农药、不施化肥，连灌溉用的水都是以雨水为主。
            </p>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.12/fullpage.min.js"
        integrity="sha512-2N6afhHcaOPaBztibhzvEp9MBtXoG+6YQ5AkllMJKHrZKUUiHHmIc1bEafMDjG+LnTtSIYjaKdg2BdZqqZkkBQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
        new fullpage('#fullpage', {
            //options here
            autoScrolling: true,
            scrollHorizontally: true
        });
    </script>

</body>

</html>